import {createRouter,createWebHistory} from "vue-router";

 const routes = [
     {
         path: "/",
         component: () => import('../components/demo23/VMain.vue'),
     },
     {
         path: "/demo23",
         component: () => import('../components/demo23/Demo.vue'),
     },
     {
         path: "/demo22",
         component: () => import('../components/demo22/Demo.vue'),
     },
     {
         path: "/demo21",
         component: () => import('../components/demo21/Demo.vue'),
     },
     {
         path: "/demo20",
         component: () => import('../components/demo20/Demo.vue'),
     },
     {
         path: "/demo19",
         component: () => import('../components/demo19/Demo.vue'),
     },
     {
         path: "/demo18",
         component: () => import('../components/demo18/Demo.vue'),
     },
     {
         path: "/demo17",
         component: () => import('../components/demo17/Demo.vue'),
     },
     {
         path: "/demo16",
         component: () => import('../components/demo16/Demo.vue'),
     },
     {
         path: "/demo15",
         component: () => import('../components/demo15/Demo.vue'),
     },
     {
         path: "/demo14",
         component: () => import('../components/demo14/Demo.vue'),
         children: [
             {
                 path: '/page1',
                 component: () => import('../components/demo14/PageA.vue'),
             },
             {
                 path: '/page2',
                 component: () => import('../components/demo14/PageB.vue'),
             },

         ]
     },
     {
         path: "/demo13",
         component: () => import('../components/demo13/Demo.vue'),
     },
     {
         path: "/demo12",
         component: () => import('../components/demo12/Demo.vue'),
     },
     {
         path: "/demo11",
         component: () => import('../components/demo11/Demo.vue'),
     },
     {
         path: "/demo10",
         component: () => import('../components/demo10/Demo.vue'),
     },
     {
         path: "/demo09",
         component: () => import('../components/demo09/Demo.vue'),
     },
     {
         path: "/demo08",
         component: () => import('../components/demo08/Demo.vue'),
     },
     {
         path: "/demo07",
         component: () => import('../components/demo07/Demo.vue'),
     },
     {
         path: "/demo06",
         component: () => import('../components/demo06/Demo.vue'),
     },
     {
         path: "/demo05",
         component: () => import('../components/demo05/Demo.vue'),
     },
     {
         path: "/demo04",
         component: () => import('../components/demo04/Demo.vue'),
         children: [
             {
                 path: 'a',
                 component: () => import('../components/demo04/PageA.vue'),
             },
             {
                 path: 'b',
                 component: () => import('../components/demo04/PageB.vue'),
             }
         ]
     },
     {
         path: "/demo03",
         children: [
             {
                 path: 'a/page',
                 component: () => import('../components/demo03/PageA.vue'),
                 meta:{
                     title: 'pageA11111111',
                     icon: 'el-icon-s-home',
                 }
             },
             {
                 path: 'b/page',
                 component: () => import('../components/demo03/PageB.vue')
             }
         ]
     },
     {
         path: "/demo02",
         component: () => import('../components/demo02/Demo.vue'),
     },
     {
         path: "/nginx",
         component: () => import('../components/demo/nginx.vue'),
     },




     // {
     //     path: '/a/page',
     //     component: () => import('../components/demo/PageA.vue'),
     //     name: 'pageA',
     //     meta: {
     //         title: 'pageA',
     //         icon: 'el-icon-s-home',
     //     },
     //     children:[
     //         {
     //             path: '/a/page/a1',
     //             component: () => import('../components/demo02/DemoA.vue')
     //         },
     //         {
     //             path: '/a/page/a2',
     //             component: () => import('../components/demo02/DemoB.vue')
     //         }
     //     ]
     // },
     // {
     //     path: '/b/page/:id/:name',
     //     component: () => import('../components/demo/PageB.vue')
     // },
     // {
     //     path: '/demo/store',
     //     component: () => import('../components/demo/store.vue')
     // },
     // {
     //     path: '/parent1',
     //     component: () => import('../components/demo/parent1.vue')
     // },
     //
     // {
     //     path: '/parent',
     //     component: () => import('../components/demo/parent.vue')
     // },
     // {
     //     path: '/children',
     //     component: () => import('../components/demo/children.vue')
     // }
 ]

const  router = createRouter({
    history: createWebHistory(),
    routes,
    aa: 'aa'
})

export default router